<template>
    <div class="coming-soon-wrap">
        <dl>
            <dt><img :src="require('../assets/images/coming-soon.png')" alt=""></dt>
            <dd>{{$t('lackMsg.jqqd')}}</dd>
        </dl>
    </div>
</template>

<script>
    export default {

    }
</script>

<style lang="scss" scoped>
    .coming-soon-wrap {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        dl {
            margin: 112px auto 0;
            display: flex;
            flex-direction: column;
            align-items: center;
            dt {
                margin-right: 8px;
                width: 224px;
                height: 124px;
                img {
                    display: block;
                    width: 100%;
                    height: 100%;
                }
            }
            dd {
                margin-top: 50px;
            }
        }
    }
</style>
